<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链接</title>
</head>
<body>
    <p>
        链接标签是网页跳转的核心部分
        基本语法：
        <!-- 
        <a href="">链接文本</a >
        a 是标签元素
        href: 是a标签元素的属性
        注意：链接的请求方式是get请求
        -->
        <!--链接本地文件first.HTML-->
        <a href="./first.html">跳转到first</a>
        <br>
        <!--链接到baidu网络地址-->
        <a href="https://www.baidu.com">百度</a>

        <!--分割线是单标签--><hr>
        <!--连接到图片-->
        <a href="./img/s1.jpg">图片</a>
        <!-- 下载功能使用download属性 内容为当前目录的文件 -->
         <a href="http://127.0.0.1:5500/img/s1.jpg" download="./img/s1.jpg">下载狮叽</a>
         <!--链接提示词tilte用于提示链接的内容-->
         <a href="http://www.163.com" title="网易">网易</a>
         <h2>链接打开的位置</h2>
         <p>1._blank:新窗口或新标签打开<br>
            2._self:当前窗口或标签页打开链接（默认）<br>
            3._parent:父框架中打开链接<br>
            4._top:在整个窗口中打开链接，取消任何框架<br>
         </p>
<!--默认打开 target属性表示链接打开的位置-->
<a href="http://www.sohu.com" target="_self">搜狐</a>

<!--新窗口打开sina.com.cn-->
<a href="http://www.sina.com.cn" target="_blank">新浪</a>
<h2>锚点（回到顶部）</h2>
<a id="start">起始点</a>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<p>这是一段话</p>
<!---->
<a href="#start" >回到顶部</a>

    </p >
    <h2>防止页面刷新</h2>
    <p>此功能配和js使用</p>
    <a href="javascript:void(0)">阻止跳转</a>
</body>
</html>























